<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>
	<body>
		<h3>无序列表</h3>
		<ul type="circle"><!-- unordered list 无序列表 -->
			<li>貂蝉</li> <!-- list列表项 item项 -->
			<li>吕布</li> 
			<li>刘备</li>
			<li>关羽</li>
			<li>张飞</li>
		</ul>
		
		<h3>有序列表</h3>
		<!-- start:开始值 reversed反转(降序) -->
		<ol type="1" start="5" reversed="reversed"> <!-- ordered list 无序列表 -->
			<li>打开冰箱门</li>
			<li>把大象装进去</li>
			<li>关上冰箱门</li>
		</ol>
		
		<h3>定义列表</h3>
		<!-- 定义列表自带层级效果 -->
		<dl> <!-- definition list 定义列表 -->
			<dt>大菜</dt> <!-- definition term 定义列表组 -->
			<dd>腐竹烧肉</dd> <!-- definition description 定义描述 -->
			<dd>松子鱼</dd>
			<dd>片皮鸭</dd>
			<dd>水煮肉片</dd>
			<dd>可乐鸡翅</dd>
			<dd>东坡肉</dd>
			<dt>凉菜</dt>
			<dd>拍黄瓜</dd>
			<dd>芥末鸭掌</dd>
			<dd>花毛一体</dd>
		</dl>
		<h3>列表嵌套</h3>
		<!-- 无序列表和有序列表可以任意无限嵌套 -->
		<ol>
			<li>Java基础
				<ul>
					<li type="disc">变量</li>
					<li type="disc">数据类型</li>
					<li type="disc">运算符</li>
					<li type="disc">流程控制
						<ul>
							<li type="disc">if</li>
							<li type="disc">switch case</li>
							<li type="disc">for</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>Java面向对象</li>
			<li>JavaAPI</li>
			
			<h3>订单管理练习</h3>
			<ul>
				<li>我的订单
					<ul>
						<li>全部订单</li>
						<li>待付款</li>
						<li>待收货</li>
						<li>待评价</li>
						<li>退货退款</li>
					</ul>
				</li>
				<li>我的优惠券</li>
				<li>收货地址</li>
				<li>账号管理</li>
			</ul>
		</ol>
	</body>
</html>












